extends layout/navbar

block link
    link(rel='stylesheet', href='/vendor/bootstrap-3.3.7/bootstrap.min.css')
    link(rel='stylesheet', href='/vendor/bootstrap-notify/animate.css')
    link(rel='stylesheet', href='/css/manageAccount.css')

block content

    - user = typeof(user) != 'undefined' ? user : { }
    input(type='hidden', value= user)#user


    div#account-container
        div.row
            section.content
                h2 用户账号列表
                div.col-md-8.col-md-offset-2
                    div.panel.panel-default
                        div.panel-body
                            div.pull-right
                                div.btn-group
                                    button.btn.btn-success.btn-filter(type='button', data-target='success') 申请成功
                                    button.btn.btn-warning.btn-filter(type='button', data-target='loading') 申请中
                                    button.btn.btn-danger.btn-filter(type='button', data-target='failed') 申请失败
                                    button#btn-all.btn.btn-filter(type='button', data-target='all') 全部
                            .table-container
                                table#table-filter.table.table-filter
                                    tbody
                                        each item in accountList
                                            tr(data-status=item.status).item-tr
                                                td
                                                    div#btn-container
                                                        button(role=item.id, status=item.status).remove-account.btn.btn-primary.pull-right    删除
                                                        button(role=item.id, status=item.status).refuse-account.btn.btn-primary.pull-right    拒绝
                                                        button(role=item.id, status=item.status).accpet-account.btn.btn-primary.pull-right    同意
                                                        button(role=item.id).show-account.btn.btn-primary.pull-right    查看

                                                    h4(class=item.status)#status-text.title
                                                        | !{item.msg}


                                                    p#inc-detail.title.summary !{item.inc}
                                                    p#user-detail.title.summary !{item.user}
                                                        span.start-end.media-meta.pull-right !{item.date}

    include modals/alert
    include modals/user-msg

block scripts
    //script(src='/vendor/moment.min.js')
    //script(src='/vendor/jquery-3.1.1/jquery-3.1.1.min.js')
    script(src='/vendor/bootstrap-3.3.7/bootstrap.min.js')
    script(src='/vendor/bootstrap-notify/bootstrap-notify.js')
    script(src='/vendor/bootbox.min.js')
    script(src='/js/views/myNotify.js')
    script(src='/js/views/EmailSuggestions.js')
    script(src='/js/views/manageAccount.js')
    script(src='/js/controllers/loginController.js')
    script(src='/js/form-validators/loginValidator.js')
    //script(src='/js/form-validators/emailValidator.js')